@charset "UTF-8";
/*字体颜色变量*/
/*背景颜色变量*/
/*border */
.clearfix, .form-block dl { *zoom: 1; }

.clearfix:after, .form-block dl:after { content: ""; display: table; clear: both; }

.none { display: none; }

.tl { text-align: left; }

.tr { text-align: right; }

.tc { text-align: center; }

.hr { height: 1px; background: #e5e5e5; }

.c-danger, .red { color: #ff5555; }

.c-primary { color: #338bf1; }

.c-info { color: #666; }

.fz16 { font-size: 16px; }

.break-all { word-break: break-all; word-wrap: break-word; }

.break-word { word-wrap: break-word; text-align: left; }

.ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.hidePwd { position: absolute; opacity: 0; left: -9999px; }

/*----------------------------start 公共的按钮样式----------------------*/
/*----------------------------end 按钮----------------------*/
#preloader { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 10000; background: #e4e7ea url("images/loader.gif") no-repeat center center; }

/**
custom styles
*/
.navbar-inverse { background-color: #24282F; }

.navbar-inverse .navbar-collapse { background-color: #24282F; }

.navbar-inverse .dropdown-menu.user > li > a { padding-top: 8px; padding-bottom: 8px; }

body { background-color: #333943; }

body .content-body { padding: 0; }

.main { padding: 50px 0px 0px 0px; width: 100%; }

.main .left-section { float: left; width: 20%; }

.main .left-section .nav .nav-parent > a { color: #f1f1f1; font-family: "微软雅黑"; font-size: 14px; display: block; border-top: 1px solid #3D454E; border-bottom: 1px solid #24282F; }

.main .left-section .nav .nav-parent > a:hover, .main .left-section .nav .nav-parent > a:active, .main .left-section .nav .nav-parent > a:visited, .main .left-section .nav .nav-parent > a:focus { background-color: #333943; }

.main .left-section .nav .nav-parent .children { padding: 0; display: none; }

.main .left-section .nav .nav-parent .children .active a { background-color: #00BF9B; color: #ffffff; }

.main .left-section .nav .nav-parent .children a { display: block; padding: 6px 10px 6px 30px; color: #6B8182; }

.main .left-section .nav .nav-parent .children a:hover { background-color: #00BF9B; text-decoration: none; color: #ffffff; }

.main .right-section { padding: 0; float: left; width: 80%; background: #ffffff; }

.main .right-section .inner-iframe .breadcrumb { background-color: #D4D4D4; border-radius: 0; line-height: 2; margin-bottom: 10px; }

.main .right-section .inner-iframe .breadcrumb .glyphicon-chevron-right { font-size: 10px; font-weight: 200; }

.main .right-section .inner-iframe .inner-container { padding: 10px 20px; }

.main .right-section .inner-iframe .inner-container .content-add-form .btn-group { margin-top: 20px; margin-bottom: 30px; }

.btn-group-or { position: relative; }

.btn-group-or .btn-primary { padding-right: 20px; }

.btn-group-or .btn-default { padding-left: 20px; }

.btn-group-or .or { position: absolute; z-index: 10; padding: 5px; width: 30px; height: 30px; left: 74px; top: 2px; font-size: 14px; font-weight: bold; border-radius: 15px; background-color: #5CB85C; color: #ffffff; }

.form-group .glyphicon-asterisk { color: #cc0000; }

.checkbox-group { padding-top: 8px; }

.pop-layer-box { padding: 10px 20px; }

.text-error { color: #cc0000; }

.img-upload { cursor: pointer; margin-left: 5px; display: block; width: 118px; height: 118px; border: 1px solid #ccc; margin-top: 4px; }

.img-upload .glyphicon-picture { font-size: 40px; display: block; margin-top: 20px; }

.img-upload .upload-text { display: block; padding: 10px 20px; }

.import-input { border: 1px solid red; width: 100%; height: 40px; position: absolute; top: 0; left: 0; opacity: 0; -moz-opacity: 0; }

.form-search .form-group { margin-bottom: 10px; }

.form-search .btn-success { margin-bottom: 10px; }

.form-search .mdate { max-width: 100px; display: inline-block; }

@media (min-width: 1200px) { .main .left-section { width: 15%; }
  .main .right-section { width: 85%; } }
.pagination .form-inline { padding: 0px; }

.pagination .form-inline span { display: inline-block; padding: 0px 10px; line-height: 32px; }

.pagination .form-inline span .input-sm { padding: 0px; height: 22px; }

footer { margin: 0px 0px 0px 0px; padding: 10px 20px; color: #fff !important; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }

footer a { color: #999999; }

.select2-container { position: relative; z-index: 9001; min-width: 577px; }

.icheck-label { margin-right: 15px; }

.error-page { width: 600px; margin: 20px auto 0 auto; }

.error-page .headline { font-size: 100px; font-weight: 300; }

.text-yellow { color: #f39c12 !important; }

.text-red { color: #dd4b39 !important; }

.bootstrap-switch-swrap { min-width: 100px; }

.dropdown-menu { min-width: 80px; }

.bg-text { padding: 15px; }

.icon-group { position: absolute; display: inline-block; margin-left: 10px; }

.icon-group .glyphicon { font-size: 30px; margin-right: 5px; }

.area-select .form-control { margin-right: 10px; }

img.selected { border: 1px solid #cc0000; }

.table-bordered .input-sm { font-size: 14px; }

.permission-item { padding: 10px 15px; }

.assocul { border: 1px solid #ccc; list-style: none; padding: 0px; height: 150px; border-radius: 5px; overflow: scroll; }

.assocul li { padding: 5px 15px; }

.assocul li:nth-child(odd) { background: #f9f9f9; }

.assocul li:hover { background: #efefef; }

.assocview { padding: 0px; position: absolute; top: 33px; left: 15px; border: 1px solid #ccc; width: 100%; z-index: 999; background: #fff; border-radius: 5px; }

.assocview span { padding: 5px 10px; display: block; width: 100%; cursor: pointer; }

.assocview span:last-child { border-bottom: 1px solid #aaa; }

.assocview em { padding: 5px 10px; border-top: 1px solid #ccc; display: block; width: 100%; }

.assocview span:nth-child(odd) { background: #f9f9f9; }

.assocview span:hover(odd) { background: #efefef; }

.assoc-alertbox .content { height: 400px; overflow-y: scroll; width: 100%; }

.assoc-alertbox .content .table { margin-top: 5px; }

.assoc-alertbox .input-sm { height: 22px; line-height: 22px; }

.assoc-alertbox .content .table > thead > tr > th, .assoc-alertbox .content .table > tbody > tr > th, .assoc-alertbox .content .table > tfoot > tr > th, .assoc-alertbox .content .table > thead > tr > td, .assoc-alertbox .content .table > tbody > tr > td, .assoc-alertbox .content .table > tfoot > tr > td { padding: 1px; }

.assoc-alertbox .pagination { margin: 0px; }

.form-horizontal .form-group .asterisk { color: #f00; font-size: 120%; }

.asterisk { color: #f00; font-size: 120%; }

.form-horizontal .form-group.text-error { padding-left: 228px; }

.form-horizontal .control-label.my-left { text-align: left; float: left; }

.my-left { text-align: left; float: left; }

.area-wrap .form-control { display: inline-block; width: auto; }

label.error { color: #cc0000; font-weight: normal; }

.unhandle-message .badge { background: #dc4848; }

.unhandle-message .unhandle-message-ul { width: 300px; padding: 4px 6px; }

.unhandle-message .unhandle-message-ul li { padding: 5px 3px; border-bottom: 1px solid #eee; text-align: center; }

.unhandle-message .unhandle-message-ul li a { word-wrap: break-word; white-space: normal; }

.table-form { margin: 20px; }

.table-form th { font-weight: normal; text-align: right; color: #666; }

.table-form th, .table-form td { padding: 5px 10px; }

.table-form .form-control { display: inline-block; width: 120px; padding: 5px; margin-right: 15px; border: 1px solid #e5e5e5; }

.table tbody .btn-xs { margin-bottom: 3px; }

/*---------------------会员中心的样式摘抄-------------------------*/
.uc_table { width: 100%; max-width: 100%; table-layout: fixed; text-align: center; border: 1px solid #e5e5e5; }

.uc_table td { padding: 0 5px; }

.uc_table thead { height: 48px; line-height: 48px; background: #e5e5e5; color: #666; border-top-left-radius: 4px; border-top-right-radius: 4px; }

.uc_table tbody tr { border-bottom: 1px solid #e5e5e5; }

.uc_table tbody td { height: 80px; border-right: 1px solid #e5e5e5; /* &:last-child a{padding-left: 30%;text-align: left;}*/ }

.uc_table tbody td a { display: block; }

/*MPE在线平台交易框架协议*/
.contract_txt { color: #666; }

.contract_txt h2.title { text-align: center; font-size: 27px; background-color: #eee; height: 60px; line-height: 60px; }

.contract_txt p { text-indent: 2em; margin-bottom: 10px; }

.contract_txt .section { margin: 30px 20px; }

.contract_txt .section h2 { margin-bottom: 15px; }

.contract_txt .section table { width: 93%; margin: auto; text-align: center; }

.contract_txt .section table input { width: 100%; border: none; }

.contract_txt .section table th { font-weight: normal; letter-spacing: 2px; }

.contract_txt .section table td, .contract_txt .section table th { border-right: 1px solid #e5e5e5; height: 56px; word-wrap: break-word; font-weight: normal; }

/*.contract_txt .section input { text-align: center; border: none; border-bottom: 1px solid #666; width: 82px; }*/
.contract_txt .section .content { margin: 0 2em; line-height: 24px; }

.contract_txt .section .content span { display: block; }

.contract_txt .section .content .lg { width: 460px; }

.contract_txt .section dl { line-height: 55px; font-weight: bold; }

.formLayer { margin-top: 30px; }

.form-block .form-control { border: 1px solid #e5e5e5; margin-right: 10px; -moz-transition: all, 0.3s; -o-transition: all, 0.3s; -webkit-transition: all, 0.3s; transition: all, 0.3s; }
.form-block .form-control.error { border-color: #ff5555; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 110, 158, 0.75); -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 110, 158, 0.75); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 110, 158, 0.75); }
.form-block .form-control:focus { border-color: #8cd2ff; outline: 0; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }
.form-block dt { float: left; width: 110px; line-height: 38px; margin-right: 15px; text-align: right; }
.form-block dd { margin-left: 125px; margin-bottom: 15px; }
.form-block dd select.form-control { padding: 5px 5px 4px; }
.form-block dd input.form-control { display: inline-block; width: 200px; height: 38px; line-height: 38px; padding: 0 5px; }
.form-block dd.setLine { line-height: 38px; }
.form-block .text dt, .form-block .text dd { height: auto; line-height: normal; }
.form-block textarea.full { width: 100%; padding: 5px; box-sizing: border-box; }
.form-block .radio-wrap, .form-block .checkbox-wrap { line-height: 38px; }
.form-block .btn-group { margin-left: 15px; text-align: left; }
.form-block .bottom-btn { padding: 20px 0; }
.form-block .bottom-btn .btn { margin-right: 15px; }
.form-block .get-code { display: inline-block; width: 100px; height: 36px; line-height: 36px; margin-bottom: 0; font-size: 14px; text-align: center; vertical-align: middle; cursor: pointer; border-radius: 4px; border-width: 1px; border-style: solid; width: auto; min-width: 100px; color: #fff; border-radius: 0; background: #e5e5e5; cursor: not-allowed; }
.form-block .get-code.active { color: #338bf1; border: 1px solid #338bf1; cursor: pointer; background: none; }
.form-block label.error { color: #ff5555; padding-left: 5px; }
